.flex1() {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loginWrap {
  height: 100vh;

  background: #2D80CC;
  /* 一些不支持背景渐变的浏览器 */

  background: linear-gradient(90deg, #2D80CC 0.01%, #65B5FF 100%);

  background: -moz-linear-gradient(90deg, #2D80CC 0.01%, #65B5FF 100%);
  background: -webkit-gradient(90deg, #2D80CC 0.01%, #65B5FF 100%);
  background: -o-linear-gradient(90deg, #2D80CC 0.01%, #65B5FF 100%);

  .left {}

  .right {
    width: 360px;
    height: 344px;
    border-radius: 2px;
    padding: 30px 50px 25px 50px;
    background: #FFFFFF;
    position: relative;
    margin-left: 100px;

    .top {
      padding-bottom: 28px;
      .flex1();

      .topDiv {
        display: flex;
        align-items: flex-end;
      }

      .title {
        font-size: 20px;
        color: #1890FF;
        font-weight: bold;
        margin-left: 12px;
      }
    }

    .threeWrap {
      .flex1();
      color: #1890FF;
      font-size: 12px;
      cursor: pointer;
    }

    .input {
      height: 40px;
      margin-bottom: 16px;
      border-radius: 4px;
    }

    .loginBtn {
      height: 40px;
      border-radius: 4px;
      margin-top: 27px;
      margin-bottom: 14px;
    }

    .phoneBtn {
      text-align: center;
      color: #1890FF;
      font-size: 12px;
      cursor: pointer;
    }

    .phoneTag {
      width: 92px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #1890FF;
      border: 1px solid #1890FF;
      border-radius: 4px;
      margin-left: 8px;
    }

  }
}